*{
    padding:0;
    margin:0;
}
html,body{
    height:100%
}
body{
    background: #000d4a url(../imgs/bg.jpg) center top;
    display:flex;
    flex-direction: column;
}

header{
    height: 1.05rem;
    background: url(../imgs/head_bg.png) no-repeat center center;
    position: relative;
     color: #fff;
    h1{
           
        text-align: center;
        font-size: .5rem;
        line-height: .9rem;
    }
    span{
        position:absolute;
        top: .2rem;
        font-size: .3rem;
        right:.2rem;

    }
    
}
.main{
    flex:1;
    margin-top:.3rem;
    display:flex;
    justify-content: space-between;
    padding:0 .2rem;
    .column{
        width:24%;
        // background-color: red;
        &:nth-of-type(2){
            width:50%;
            // background-color: yellow;
        }
        .box{
            
            padding:.15rem;
            margin-bottom:.2rem;
            background-color: rgba(0, 0, 0, .2);
            
        }
    }
}
.left2{
    color:#fff;
    overflow: hidden;
    position:relative;
    
    .navboxall{
        position:absolute;
        margin:auto

    }
}